<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>
	<style>
		.mui-bar-nav~.mui-content .mui-pull-top-pocket {
			top: 180px !important;
		}
		
		img {
			width: 40%;
		}
	</style>
	<style>
		html,
		body {
			background-color: #efeff4;
		}
		
		.mui-views,
		.mui-view,
		.mui-pages,
		.mui-page,
		.mui-page-content {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background-color: #efeff4;
		}
		
		.mui-pages {
			top: 46px;
			height: auto;
		}
		
		.mui-scroll-wrapper,
		.mui-scroll {
			background-color: #efeff4;
		}
		
		.mui-page.mui-transitioning {
			-webkit-transition: -webkit-transform 200ms ease;
			transition: transform 200ms ease;
		}
		
		.mui-page-left {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		
		.mui-ios .mui-page-left {
			-webkit-transform: translate3d(-20%, 0, 0);
			transform: translate3d(-20%, 0, 0);
		}
		
		.mui-navbar {
			position: fixed;
			right: 0;
			left: 0;
			z-index: 10;
			height: 44px;
			background-color: #f7f7f8;
		}
		
		.mui-navbar .mui-bar {
			position: absolute;
			background: transparent;
			text-align: center;
		}
		
		.mui-android .mui-navbar-inner.mui-navbar-left {
			opacity: 0;
		}
		
		.mui-ios .mui-navbar-left .mui-left,
		.mui-ios .mui-navbar-left .mui-center,
		.mui-ios .mui-navbar-left .mui-right {
			opacity: 0;
		}
		
		.mui-navbar .mui-btn-nav {
			-webkit-transition: none;
			transition: none;
			-webkit-transition-duration: .0s;
			transition-duration: .0s;
		}
		
		.mui-navbar .mui-bar .mui-title {
			display: inline-block;
			position: static;
			width: auto;
		}
		
		.mui-page-shadow {
			position: absolute;
			right: 100%;
			top: 0;
			width: 16px;
			height: 100%;
			z-index: -1;
			content: '';
		}
		
		.mui-page-shadow {
			background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
			background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
		}
		
		.mui-navbar-inner.mui-transitioning,
		.mui-navbar-inner .mui-transitioning {
			-webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease;
			transition: opacity 200ms ease, transform 200ms ease;
		}
		
		.mui-page {
			display: none;
		}
		
		.mui-pages .mui-page {
			display: block;
		}
		
		.mui-page .mui-table-view:first-child {
			margin-top: 15px;
		}
		
		.mui-page .mui-table-view:last-child {
			margin-bottom: 30px;
		}
		
		.mui-table-view {
			margin-top: 20px;
		}
		
		.mui-table-view:after {
			height: 0;
		}
		
		.mui-table-view span.mui-pull-right {
			color: #999;
		}
		
		.mui-table-view-divider {
			background-color: #efeff4;
			font-size: 14px;
		}
		
		.mui-table-view-divider:before,
		.mui-table-view-divider:after {
			height: 0;
		}
		
		.mui-content-padded {
			margin: 10px 0px;
		}
		
		.mui-locker {
			margin: 35px auto;
			display: none;
		}
		
		#title {
			font-size: 10px;
		}
	</style>
	<link rel="stylesheet" type="text/css" href="./css/feedback-page.css" />

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class=" mui-pull-right"></a>
			<h1 class="mui-title">易树智造</h1>
			<a class="mui-action-back mui-icon mui-icon-back mui-hidden">
				<span id="title">
					欢饮您：
					<span id="localName"></span>
				</span>
			</a>
			<button id='setting' class=" mui-pull-right mui-btn-link"><span class="mui-icon mui-icon-plus"></span></button>
		</header>
		<!--图片轮播-->
		<div class="mui-content">
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="https://yishusmt.oss-cn-hangzhou.aliyuncs.com/yishusmt_mob/images/carousel/elec-ad1.png">
							<!--<p class="mui-slider-title">易树智造智能组装</p>-->
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="#">
							<img src="https://yishusmt.oss-cn-hangzhou.aliyuncs.com/yishusmt_mob/images/carousel/elec-ad2.jpg">
							<!--<p class="mui-slider-title">易树智造</p>-->
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="#">
							<img src="https://yishusmt.oss-cn-hangzhou.aliyuncs.com/yishusmt_mob/images/carousel/elec-ad1.png">
							<!--<p class="mui-slider-title">易树智造智能组装</p>-->
						</a>
					</div>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="https://yishusmt.oss-cn-hangzhou.aliyuncs.com/yishusmt_mob/images/carousel/elec-ad2.jpg">
							<!--<p class="mui-slider-title">易树智造</p>-->
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator mui-text-center">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
		</div>
		<!------------------------------------九宫格显示信息-------------------------------->
		<div class="mui-content">
			<ul class="mui-table-view mui-grid-view mui-grid-9">
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/orderInfo/orderInfo.html">
						<img src="images/homePageIcon/order.png" />
						<div class="mui-media-body">订单信息</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/onlineOrder/onlineOrder.html">
						<img src="images/homePageIcon/onlieOrder.png" />
						<div class="mui-media-body">在线下单</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/humanServices/human.html">
						<img src="images/homePageIcon/Aftersalesservice.png" />
						<div class="mui-media-body">人工服务</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/thirdPartyService/thirdService.html">
						<img src="images/homePageIcon/ourService.png" />
						<div class="mui-media-body">我们的服务</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/mainInfo/mainInfo.html">
						<img src="images/homePageIcon/personInfo.png" />
						<div class="mui-media-body">我的资料</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/partner/partner.html">
						<img src="images/homePageIcon/partner.png" />
						<div class="mui-media-body">合伙加盟</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/calculator/Calculator.html">
						<img src="images/homePageIcon/Thirdparty.png" />
						<div class="mui-media-body">第三方服务</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/feedback/feedback.html">
						<img src="images/homePageIcon/propagation.png" />
						<div class="mui-media-body">意见反馈</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="html/moreSetting/moreSetting.html">
						<img src="images/homePageIcon/setting.png" />
						<div class="mui-media-body">更多......</div>
					</a>
				</li>
			</ul>
		</div>
		<!------------------------------------九宫格显示信息结束-------------------------------->
	</body>
	<script src="js/mui.min.js"></script>
	<script src="js/app.js"></script>
	<script src="js/myjs/localVarchar.js"></script>
	<script>
		
		(function($, doc) {
			$.init({
				swipeBack: true //启用右滑关闭功能
			});
			var settings = app.getSettings();
			var account = doc.getElementById('account');
			window.addEventListener('show', function() {
				var state = app.getState();
				account.innerText = state.account;
			}, false);
			$.plusReady(function() {
				var settingPage = $.preload({
					"id": 'setting',
					"url": 'setting.html'
				});
				//设置
				var settingButton = doc.getElementById('setting');
				//settingButton.style.display = settings.autoLogin ? 'block' : 'none';
				settingButton.addEventListener('tap', function(event) {
					$.openWindow({
						id: 'setting',
						show: {
							aniShow: 'pop-in'
						},
						styles: {
							popGesture: 'hide'
						},
						waiting: {
							autoShow: false
						}
					});
				});
				//退出应用
				$.oldBack = mui.back;
				var backButtonPress = 0;
				$.back = function(event) {
					backButtonPress++;
					if(backButtonPress > 1) {
						plus.runtime.quit();
					} else {
						plus.nativeUI.toast('再按一次退出应用');
					}
					setTimeout(function() {
						backButtonPress = 0;
					}, 1000);
					return false;
				};
			});
			//控制图片轮播
			var slider = mui("#slider");
			slider.slider({
				interval: 5000
			});
		}(mui, document));
		document.getElementById("localName").innerHTML = localStorage.getItem(LOCAL_USER_INFO);
	</script>

</html>